Skip to content

Simplify the practical lab interface - #5

Merged
skjshr merged 2 commits into
mainfrom
agent/calm-lab-ui
Jul 28, 2026
Merged

Simplify the practical lab interface#5
skjshr merged 2 commits into
mainfrom
agent/calm-lab-ui

Conversation

@skjshr

@skjshr skjshr commented Jul 28, 2026

Copy link
Copy Markdown
Owner

What changed

  • reduce the persistent header to the brand and one menu
  • replace the visible connection, facts, investigation, and history pulls with one per-screen tool shelf
  • give the map most of the viewport and move the selected location CTA ahead of the map on mobile
  • move map legend, visual themes, session controls, and secondary information behind explicit disclosure
  • update the interaction contract and regression tests for the new hierarchy

Why

The previous layout stacked navigation, introduction, objective, four disclosure pulls, a toolbar, the map, and the selected-node CTA. On mobile the map and primary action started below the initial viewport, forcing beginners to decode the interface before they could act.

User impact

The first view now contains only the current task, objective, map or hypothesis choice, and primary action. Additional complexity appears only after the learner opens the labelled menu or tool shelf.

Validation

  • npm run check
  • browser verification at the default desktop viewport
  • browser verification at 390x844: no horizontal overflow, primary CTA visible before the map, scrollable map region, bottom-sheet disclosure

@vercel

vercel Bot commented Jul 28, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
examserver-lab-origin Ready Ready Preview, Comment Jul 28, 2026 5:58am

@skjshr
skjshr marked this pull request as ready for review July 28, 2026 05:59
@skjshr
skjshr merged commit 1c6fc3a into main Jul 28, 2026
2 of 4 checks passed
@skjshr
skjshr deleted the agent/calm-lab-ui branch July 28, 2026 05:59

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: fade02b976

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +43 to +45
const selectScreen = (screen: ScreenId) => {
onScreenChange(screen);
closeMenu();

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Return focus after choosing a screen

When a keyboard user activates either screen command, closeMenu() collapses the <details> while focus remains on the now-hidden menu button. This leaves no visible focus indication until the user tabs again; move focus to the menu <summary> before or after closing, as endSession() already does.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant